<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
</head>
<body>
    <div class="container">
        <div class="row">
            <header class="col-md-2">
                <div class="logo">
                    <img src="./img/logo.png" alt="" class="hidden-xs">
                    <p class="hidden-ms hidden-md visible-xs">抚州中国</p>
                </div>
                <div class="nav">
                    <ul>
                        <li><a href="#" class="glyphicon glyphicon-folder-open ">文件馆</a></li>
                        <li><a href="#" class="glyphicon glyphicon-globe ">冲浪馆</a></li>
                        <li><a href="#" class="glyphicon glyphicon-stats ">流量馆</a></li>
                        <li><a href="#" class="glyphicon glyphicon-stats ">流量馆</a></li>
                        <li><a href="#" class="glyphicon glyphicon-camera">照相馆</a></li>
                    </ul>
                </div>
            </header>
            <article class="col-md-7">
                <div class="new clearfix">
                    <ul>
                        <li><a><img src="./img/1.jpg" alt="">
                        <p>文字描述</p></a></li>
                        <li><a><img src="./img/2.jpg" alt="">
                            <p>文字描述</p></a></li>
                        <li><a><img src="./img/3.jpg" alt="">
                            <p>文字描述</p></a></li>
                        <li class="hidden-xs"><a><img src="./img/4.jpg" alt="">
                            <p>文字描述</p></a></li>
                        <li class="hidden-xs"><a><img src="./img/5.jpg" alt="">
                            <p>文字描述</p></a></li>
                    </ul>
                </div>

                <div class="banner">
                    <div class="row bom">
                        <div class="col-sm-9">
                            <h4><a href="#">会计法呼喊看废话u回复爱分化和符号！！</a></h4>
                            <p  class="text-muted time">小明 发布于 2017-11-11 </p>
                            <a class=" hidden-xs">案件快点发货的花费巨大复活节端过来那几幅昂捐给华纳觉得你放技能看看看看能否你那附近你的看法你放技能看看看看能否你那附</p>
                            <p class="text-muted  hidden-xs time"><a href="#">体育/休闲/娱乐/搞笑/趣事/军事/热点/头条</a></p>      
                        </div>
                        <div class="col-sm-3 pic hidden-xs"><img src="./img/6.jpg" alt=""></div>
                    </div>
                    <div class="row bom">
                            <div class="col-sm-9">
                                <h4><a href="#">会计法呼喊看废话u回复爱分化和符号！！</a></h4>
                                <p  class="text-muted time">小明 发布于 2017-11-11 </p>
                                <a class=" hidden-xs">案件快点发货的花费巨大复活节端过来那几幅昂捐给华纳觉得你放技能看看看看能否你那附近你的看法你放技能看看看看能否你那附</p>
                                <p class="text-muted  hidden-xs time"><a href="#">体育/休闲/娱乐/搞笑/趣事/军事/热点/头条</a></p>      
                            </div>
                            <div class="col-sm-3 pic hidden-xs"><img src="./img/6.jpg" alt=""></div>
                        </div>
                        <div class="row bom">
                                <div class="col-sm-9">
                                    <h4><a href="#">会计法呼喊看废话u回复爱分化和符号！！</a></h4>
                                    <p  class="text-muted time">小明 发布于 2017-11-11 </p>
                                    <a class=" hidden-xs">案件快点发货的花费巨大复活节端过来那几幅昂捐给华纳觉得你放技能看看看看能否你那附近你的看法你放技能看看看看能否你那附</p>
                                    <p class="text-muted  hidden-xs time"><a href="#">体育/休闲/娱乐/搞笑/趣事/军事/热点/头条</a></p>      
                                </div>
                                <div class="col-sm-3 pic hidden-xs"><img src="./img/6.jpg" alt=""></div>
                            </div>
                    
                </div>
            </article>
            <aside class="col-md-3 hidden-sm hidden-xs">
                <div class="product">
                    <img src="./img/0.jpg" alt="">
                </div>
                <div class="text">
                        <p class="text-muted"><span>[广告]</span>接电话分机阿道夫哈迪斯可接受的发哈第三方跨境电商飞机喀什的就收到回复就看见和环境</p>
                </div>

            </aside>
           
        </div>
    </div>
</body>
</html>